<div class="header">
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-home"></i>首页</a></li>
        <li><a href="#">系统设置</a></li>
        <li class="active" id="banner">统计规则</li>
    </ol>
</div>
<div class="row">
    <div  id="getId" class="col-lg-2 col-xs-2 col-md-2" style="height: 800px;   ">
        <div class="tabT">
            <!--<span style="height: 30px;line-height: 30px;padding-left: 10px ">系统设置</span>-->
            <ul class="tab">
                <li id="tabId1" class="current" onclick="tab('tabId1','Page/system/rulestatic/index.html','统计规则');">&nbsp;<i class="fa fa-map-marker"></i>&nbsp;&nbsp;统计规则</li>
                <!--<li id="tabId2" onclick="tab('tabId2','Page/system/department/index.html','部门管理');"><i class="fa fa-sitemap"></i>&nbsp;&nbsp;部门管理</li>-->
                <li id="tabId2" onclick="tab('tabId2','Page/system/logmanage/index.html','日志管理');"><i class="fa fa-file-text-o"></i>&nbsp;&nbsp;日志管理</li>
                <!--<li id="tabId4" onclick="tab('tabId4','Page/system/rolesmanage/index.html','角色管理');"><i class="fa fa-pencil-square "></i>&nbsp;&nbsp;角色管理</li>-->
                <li id="tabId3" onclick="tab('tabId3','Page/system/systeamuser/index.html','系统用户');"><i class="fa fa-users"></i>&nbsp;&nbsp;系统用户</li>
                <li id="tabId4" onclick="tab('tabId4','Page/system/guidManage/index.html','网格管理');"><i class="fa fa-sitemap"></i>&nbsp;&nbsp;网格管理</li>
                <li id="tabId5" onclick="tab('tabId5','Page/system/EditPassWord.html','修改密码');"><i class="fa fa-sitemap"></i>&nbsp;&nbsp;修改密码</li>
            </ul>
        </div>

    </div>
    <div class="col-lg-10 col-xs-10 col-md-10">
        <div class="show" id="tabC" >统计规则
        </div>
        <!--<div class="hidden" id="tabC2">部门管理 style=""-->
        <!--</div>-->
        <!--<div class="hidden" id="tabC3">日志管理-->
        <!--</div>-->
        <!--<div class="hidden" id="tabC4">角色管理-->
        <!--</div>-->
        <!--<div class="hidden" id="tabC5">系统用户-->
        <!--</div>-->
    </div>
</div>
<script type="text/javascript" language="javascript">
    $(function () {
        GLOBAL.MODULEURL='Page/system/index.html';
    });
    $("#tabC").load("Page/system/rulestatic/index.html");
    //  $("#tabC2").load("Page/system/department/index.html");
    //  $("#tabC3").load("Page/system/logmanage/index.html");
    //  $("#tabC4").load("Page/system/rolesmanage/index.html");
    // $("#tabC5").load("Page/system/systeamuser/index.html");
    function tab(tabId, url,info){
        $("#banner").html(info);
        var len =document.getElementById('getId').getElementsByTagName('li').length;
        for(i=1; i <= len; i++){
            $("#tabC").removeClass("rulestatic_load");
            if ("tabId"+i==tabId){
                document.getElementById(tabId).className="current";
                $("#tabC").load(url);
            }else{
                document.getElementById("tabId"+i).className="";
            }
            // if ("tabC"+i==tabC){
            //     document.getElementById(tabC).className="show";
            // }else{
            //     document.getElementById("tabC"+i).className="hidden";
            // }

        }
    }
</script>